/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    详细信息    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DetailLiftVertical-MyDetail {
  margin: 10px 0;

  /* ============================== 数据项 ============================== */
  > .inFlex {
    width: 47%;
    line-height: 36px;
    margin-top: 10px;
    padding: 0 16px;
    border-radius: 4px;
    box-sizing: border-box;
    background: var(--Info1);

    /* —————————————————————————————— 偶数 —————————————————————————————— */
    &:nth-child(even) {
      margin-left: 6%;
    }

    /* —————————————————————————————— 标签 —————————————————————————————— */
    > label {
      margin-right: 14px;
      font-weight: bold;

      &::after {
        content: " :";
      }
    }

    /* —————————————————————————————— 文字 —————————————————————————————— */
    > div {
      flex: 1;
      position: relative;
      text-align: right;
    }
  }

  /* ============================== 时间 ============================== */
  > .flexCC {
    line-height: 20px;
    margin-top: 24px;
    color: var(--Black3);
  }

  /* ============================== 状态 ============================== */
  &-status {
    display: inline-block;
    line-height: 24px;
    padding: 0 12px;
    border-radius: 32px;
    color: #fff;
    background: var(--Success);

    &-alarm {
      background: var(--Danger);
    }
  }

  /* ============================== 刷新 ============================== */
  .el-icon-refresh {
    margin-left: 20px;
    font-size: 20px;
    vertical-align: top;
    color: var(--Primary);

    &:hover {
      opacity: 0.9;
      text-shadow: 0 1px 2px;
    }

    &:active {
      opacity: 0.8;
      text-shadow: 0 1px 3px;
    }
  }
}
